import * as React from "react";
import * as echarts from "echarts";
import WeeklySummaryCardChart from "../chart/WeeklySummaryCardChart";
import WeeklyBudgetUsageDonutChart from "../chart/WeeklyBudgetUsageDonutChart";
import WeeklyBambooUsageDonutChart from "../chart/WeeklyBambooUsageDonutChart";
import {Button, Card, Col, DatePicker, Form, Input, notification, Row, Select, Table} from "antd";

export default class WeeklyDashboardPage extends React.Component {
    componentDidMount() {
        // 基于准备好的dom，初始化echarts实例
    }

    render() {
        return (
            <>
                <Row style={{marginBottom:20}}>
                    <Col span={20} offset={1}>
                        <Card title={"本周使用情况汇总"}>
                            <WeeklySummaryCardChart/>
                        </Card>
                    </Col>
                </Row>

                <Row  style={{marginBottom:20}}>
                    <Col span={7} offset={1} style={{marginRight:10}}>
                        <Card title={"本周预算使用分布"}>
                            <WeeklyBudgetUsageDonutChart/>
                        </Card>
                    </Col>

                    <Col span={7}  style={{marginRight:10}}>
                        <Card title={"本周竹子实际使用情况"}>
                            <WeeklyBambooUsageDonutChart/>
                        </Card>
                    </Col>

                    <Col span={7}  style={{marginRight:10}}>
                        <Card title={"本周竹子续费金额分布"} >
                            <WeeklyBambooUsageDonutChart/>
                        </Card>
                    </Col>

                </Row>

                <Row  style={{marginBottom:20}}>

                    <Col span={6}   offset={1} style={{marginRight:10}}>
                        <Card title={"本周竹子发放趋势"} >
                            <WeeklyBambooUsageDonutChart/>
                        </Card>
                    </Col>

                    <Col span={6}  style={{marginRight:10}}>
                        <Card title={"本周竹子使用趋势"} >
                            <WeeklyBambooUsageDonutChart/>
                        </Card>
                    </Col>
                </Row>


            </>
        );
    }
}